@CHARSET "ISO-8859-1";


body{
margin: 0;
padding: 0;
border: 0;
overflow: hidden;
height: 100%; 
max-height: 100%; 
}

#framecontentLeft, #framecontentRight{
position: absolute; 
top: 0; 
left: 0; 
width: 100px; /*Width of left frame div*/
height: 100%;
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
background-color: white;
color: black;
}

#framecontentRight{
left: auto;
right: 0; 
width: 150px; /*Width of right frame div*/
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
background-color: white;
color: black;
}

#framecontentTop, #framecontentBottom{
position: static;
top: 0;
margin-left: 10%;
right: 100px; /*Set right value to WidthOfRightFrameDiv*/
width: auto;
height: 50px; /*Height of top frame div*/
overflow: visible; /*Disable scrollbars. Set to "scroll" to enable*/
background-color: white;
color: black;

}

#framecontentBottom{
top: auto;
position: absolute;
height: 50px; /*Height of bottom frame div*/
bottom: 0;
left: 0px; //si se quiere mas para la derecha aumentar valor.
}

#maincontent{
position: fixed; 
top: 50px; /*Set top value to HeightOfTopFrameDiv*/
bottom: 100px; /*Set bottom value to HeightOfBottomFrameDiv*/
left: 130px; /*Set left value to WidthOfLeftFrameDiv*/
right: 150px; /*Set right value to WidthOfRightFrameDiv*/
overflow: auto; 
background: #fff;
}

.innertube{
margin: 15px; /*Margins for inner DIV inside each DIV (to provide padding)*/
}

* html body{ /*IE6 hack*/
padding: 120px 150px 100px 200px; /*Set value to (HeightOfTopFrameDiv WidthOfRightFrameDiv HeightOfBottomFrameDiv WidthOfLeftFrameDiv)*/
}

* html #maincontent{ /*IE6 hack*/
height: 100%; 
width: 100%; 
}

* html #framecontentTop, * html #framecontentBottom{ /*IE6 hack*/
width: 100%;
}